<!DOCTYPE HTML>
<html>
<head>
<title>Registeration</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel="stylesheet" href="css/basic_style.css" media="all" type="text/css">
<link rel="stylesheet" href="css/boxs.css" media="all" type="text/css">
<link href='http://fonts.googleapis.com/css?family=Tulpen+One' rel='stylesheet' type='text/css'>
<script src="js/mycode.js"></script>
<script src="js/modernizr.js"></script>
 <!-- jQuery -->
<script src="./js/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="./js/libs/jquery-1.7.min.js">\x3C/script>')</script>
<!-- FlexSlider -->
<script defer src="./js/jquery.flexslider.js"></script>
<script type="text/javascript">
    $(function(){
      SyntaxHighlighter.all();
    });
    $(window).load(function(){
      $('.flexslider').flexslider({
        animation: "slide",
        start: function(slider){
          $('body').removeClass('loading');
        }
      });
    });
</script>
</head>
<body>
    <div class="wrap">
        <div class="header-bg">
            <div class="login">
            	<?php
					include ("motion.php");
					if(isset($_SESSION['logined']) && $_SESSION['logined'] == "uy"){
						echo"
							<form action='motion.php' method='post' onSubmit='javascript:return loginform();'>
								<table>
									<td>
										<tr>
											<label><a href='user.php'>".$_SESSION['uname']."</a></label>
										</tr>
										<tr>
											<label style='margin-left:6px; color:orange;'>Welcome to HK Foodlife! </label>
										</tr>
									</td>
								 </table>
							</form>
						";
					}
					else
					{
						echo"
							<form name='login' action='motion.php' method='post' onSubmit='javascript:return loginform();'>
								<table>
									<td>
										<tr>
											<label>Username : </label>
										</tr>
										<tr>
											<input type='text' name='uname' placeholder='username'>
										</tr>
										<tr>
											<label style='margin-left:6px;'>Password : </label>
										</tr>
										<tr>
											<input type='password' name='pass' value='' style='margin-right:10px;' placeholder='password'>
										</tr>
										<tr>
											<input type='submit' name='login' value='Login' style='margin-right:7px; border-right:1px gray dotted;'>
										</tr>
									</td>
								 </table>
							</form>
						";
					}
				?>
            </div>
            <div class="top_link">
            	<a href="register.php">Register</a>
            </div>
            <div class="clear"></div>
        </div>
        <div class="header">
            <div class="logo">
                <h1><a href="index.php"><img src="images/LOGO.png" width=60% height=50%></a></h1>
            </div>
            <div class="nav">
               	<ul>
                  <li><a href="index.php">Home</a></li>
                  <li><a href="order.php">Order</a></li>
                  <li><a href="contact.php">Contact</a></li>
                </ul>
            </div>
            <div class="clear"></div>
        </div>
        <div class="main mar_t18">
        	<h2 class="mar_l10">Please Enter Your Personal Information:</h2>
        	<div class="content">
                <form name="registerf" action="extra_page.php" method="post" onSubmit="javascript:return registform();">
                    <table width="200" border="5" cellspacing="5" cellpadding="2">
                          <tr>
                            <th scope="row" align="right"><label>User ID: </label></th>
                            <td><input name="txtUser" type="text" id="txtUser" style="width:200px;" placeholder="User ID" /></td>
                          </tr>
                          <tr>
                            <th scope="row" align="right"><label>Name: </label></th>
                            <td><input name="txtName" type="text" id="txtName" style="width:200px;" placeholder="Name" /></td>
                          </tr>
                          <tr>
                            <th scope="row" align="right"><label>Password: </label></th>
                            <td><input name="txtPassword" type="text" id="txtPassword" style="width:200px;" placeholder="Password" /></td>
                          </tr>
                          <tr>
                            <th scope="row" align="right"><label>Comfirm Password: </label></th>
                            <td><input name="txtRetype" type="text" id="txtRetype" style="width:200px;" placeholder="Comfirm Password" /></td>
                          </tr>
                          <tr>
                            <th scope="row" align="right"><label>Age: </label></th>
                            <td><input name="txtAge" type="text" id="txtAge" style="width:200px;" placeholder="Age" /></td>
                          </tr>
                          <tr>
                            <th scope="row" align="right"><label>Gender: </label></th>
                            <td><select name="txtGender" id="txtGender" style="width:200px;">
                            	<option>Male</option>
                                <option>Female</option>
                            </select>
                            </td>
                          </tr>
                          <tr>
                            <th scope="row" align="right"><label>Job: </label></th>
                            <td><input name="txtJob" type="text" id="txtJob" style="width:200px;" placeholder="Job" /></td>
                          </tr>
                          <tr>
                            <th scope="row" align="right"><label>Address: </label></th>
                            <td><input name="txtAddress" type="text" id="txtAddress" style="width:200px;" placeholder="Address" /></td>
                          </tr>
                          <tr>
                            <th scope="row" align="right"><label>Postal code: </label></th>
                            <td><input name="txtPcode" type="text" id="txtPcode" style="width:200px;" placeholder="Postal code" /></td>
                          </tr>
                          <tr>
                            <th scope="row" align="right"><label>Phone Number: </label></th>
                            <td><input name="txtPhoneNum" type="text" id="txtPhoneNum" style="width:200px;" placeholder="Phone Number" /></td>
                          </tr>
                       </table>
                       <div align="right">
                        <input type="submit" name="reg_submit" style="background-color:#F90" value="Submit" onclick="return confirm('Are you sure you want to submit?');"/>
                        <input type="button" style="background-color:#F90" value="Cancel" onClick="history.go(-1);" onclick="return confirm('Click okay to go back to the last page.');"/>
                      </div>
                </form>
            </div>
        </div>
        <div class="section group">
        	<div class="col span_1_of_2">
            	<h2>Mission</h2>
                <ul class="nul">
                	<li>1.That the food and drink we sell meets the highest standards of quality, freshness and seasonality and combines both modern-creative and traditional southern styles of cooking.</li>
                    <li>2.To consistently provide our customers with impeccable service by demonstrating warmth, graciousness, efficiency, knowledge, professionalism and integrity in our work</li>
                    <li>3.To have every customer who comes through our doors leave impressed by HK foodlife and excited to come back again. </li>
                    <li>4.To be a giving member of the Hongkong community and to use our restaurant to improve the quality of life in the Hongkong. </li>
                </ul>
            </div>
            <div class="col span_1_of_2">
            	<h2>contact</h2>
          		<table>
                	<tr style="text-align:center;">
                        <td width="52" >
                        	Phone </td>
                        <td width="14">
                        	:
                        </td>
                        <td width="340" style="text-align:left;">
                        	+65 8203-0239
                        </td>
                    </tr>
                    <tr style="text-align:center;">
                        <td width="52" >
                        	Email </td>
                        <td width="14">
                        	:
                        </td>
                        <td width="340" style="text-align:left;">
                        	hkfoodlife_order@gmail.com
                        </td>
                    </tr>
                    <tr style="text-align:center;">
                        <td width="52" >
                        	Fax </td>
                        <td width="14">
                        	:
                        </td>
                        <td width="340" style="text-align:left;">
                        	8453-0459
                        </td>
                    </tr>
                    <tr style="text-align:center;">
                        <td width="52" >
                        	Address </td>
                        <td width="14">
                        	:
                        </td>
                        <td width="340" style="text-align:left;">
                        	15 Mandarina Avenue, Marina Square, Singapore 039799
                        </td>
                    </tr>
                </table>
            </div>
            <div class="box2 mar_l10 mar_t18"><img src="images/rastuarant.jpg" width="436" height="290" class="float-rt"></div>
        </div>
        <div class="footer">
           <p class="w3-link">© 2014 JCU Students | Designed by HKFL Team</p>
        </div>
	</div>
</body>
</html>		